<template>
  <div class="dialogs">
    <div class="dialog-herder">
      <p>提示</p>
    </div>
    <!-- 变动的内容使用插槽占位 -->
    <div class="dialog-main"><slot>我是后备内容，如果外部使用组件没有传内容，则显示这个内容</slot></div>
    <div class="dialog-footer">
      <button>确认</button>
      <button>取消</button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
    .dialogs{
        width: 200px;
        height: 200px;
        border:3px #000 solid;
    }
</style>